<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <title>Twitter Login</title>
  <meta name="description" content="Twitter Login Example Using jQuery"> 
  <meta name="keywords" content="twitter follower, twitter login"> 
  
  <link href="css/front.css" media="screen, projection" rel="stylesheet" type="text/css">
</head>
<body>


  <div id="container">
    <div id="topnav" class="topnav">
      Have an account? <a href="#" class="signin"><span>Sign in</span></a> 
	</div>	
	<fieldset style="display: none;" id="signin_menu">
    
      <form method="post" id="signin" action="">
          <label for="username">Username or email</label>
          <input id="username" name="username" title="username" tabindex="4" type="text">
        <p></p>

        <p>
          <label for="password">Password</label>
          <input id="password" name="password" value="" title="password" tabindex="5" type="password">
        </p>
        <p class="remember">
            <input id="signin_submit" value="Sign in" tabindex="6" type="submit">
            <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
            <label for="remember">Remember me</label>

        </p>
        <p class="forgot">
          <a href="#" id="resend_password_link">Forgot your password?</a>        </p>
        <p class="forgot-username">
          <a id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Forgot your username?</a>        </p>
      </form>
    </fieldset>
  </div>
  

<script src="script/jquery-1.5.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
        $(function() {
            $(".signin").click(function() {
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
  </script>
  <script src="script/login.js" type="text/javascript"></script>  
  
  <script type="text/javascript">
    $(function() {
	  $('#forgot_username_link').tipsy({gravity: 'w'});   
    });
  </script>
       	         	         	


</body></html>